// 这是一个简单的启动屏幕生成脚本
// 你可以使用Canvas API在浏览器中运行此脚本来生成启动屏幕

function generateSplashScreen() {
  // 创建Canvas元素 - 使用iPhone尺寸
  const canvas = document.createElement('canvas');
  canvas.width = 1242;
  canvas.height = 2436;
  const ctx = canvas.getContext('2d');
  
  // 绘制背景 - 渐变蓝色
  const gradient = ctx.createLinearGradient(0, 0, 0, 2436);
  gradient.addColorStop(0, '#4c80f1');
  gradient.addColorStop(1, '#2b5bdb');
  ctx.fillStyle = gradient;
  ctx.fillRect(0, 0, 1242, 2436);
  
  // 绘制天气图标
  // 太阳
  ctx.fillStyle = '#ffeb3b';
  ctx.beginPath();
  ctx.arc(621, 900, 200, 0, Math.PI * 2);
  ctx.fill();
  
  // 云朵
  ctx.fillStyle = '#ffffff';
  ctx.beginPath();
  ctx.arc(621, 1100, 150, 0, Math.PI * 2);
  ctx.arc(771, 1050, 180, 0, Math.PI * 2);
  ctx.arc(921, 1100, 150, 0, Math.PI * 2);
  ctx.arc(771, 1150, 180, 0, Math.PI * 2);
  ctx.fill();
  
  // 添加应用名称
  ctx.fillStyle = '#ffffff';
  ctx.font = 'bold 120px Arial';
  ctx.textAlign = 'center';
  ctx.fillText('天气预报', 621, 1500);
  
  // 添加加载提示
  ctx.font = '60px Arial';
  ctx.fillText('正在加载...', 621, 1600);
  
  // 导出为PNG
  return canvas.toDataURL('image/png');
}

// 在浏览器中运行此函数，然后右键点击生成的图像保存
// const splashUrl = generateSplashScreen();
// const img = document.createElement('img');
// img.src = splashUrl;
// document.body.appendChild(img);